<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title> 请求体测试 </title>
    <script src="/res/jquery-3.6.0.min.js" ></script>
</head>
<body>
请求体测试：<br/>
用户名：<input type="text" id="userName"><br/>
密码：<input type="text" id="password"><br/>
<button id="doRequestBody">提交</button><br/>

响应体测试：<br/>
<button id="doResponseBody">提交</button>

</body>

<script>
    jQuery(function(){
        $("#doRequestBody").click(function(){
            var userName = $("#userName").val()
            var password = $("#password").val()

            var data = {}
            data['userName'] = userName
            data['password'] = password
            console.log('data-->'+data)

            $.ajax({
                type:'post',
                url:'/requestBodyParam1',
                data:JSON.stringify(data),//提交还是文本/字符串 data是json对象 转换成文本
                dataType:'text',//服务器返回的类型
                contentType:'application/json',//发送到服务器的类型
                success:function(ret){
                    console.log(ret)
                }
            })
        })

        $("#doResponseBody").click(function(){
            var userName = $("#userName").val()
            var password = $("#password").val()

            var data = {}
            data['userName'] = userName
            data['password'] = password
            console.log('data-->'+data)

            $.ajax({
                type:'post',
                url:'/requestBodyParam2',
                data:JSON.stringify(data),//提交还是文本/字符串 data是json对象 转换成文本
                dataType:'json',//服务器返回的类型
                contentType:'application/json',//发送到服务器的类型
                success:function(ret){
                    console.log(ret)
                }
            })
        })

    })
</script>

</html>
